@charset "gbk";
/*============= main start ============*/
	/*-------------------- course infor banner start ---------------------*/
	#main .course-infor-wrap{
		background:linear-gradient(90deg,#0C0910,#373D46);
	}
	
	#main .course-infor-wrap .course-infor{
		height:280px;
		background:url("../img/bg1.png") no-repeat 0 0/100% 100%;
	}
	#main .course-infor-wrap .course-infor .teacher-infor{
		width:200px;
	}
	#main .course-infor-wrap .course-infor .teacher-infor .head-img{
		width:160px;
		height:160px;
		border-radius:50%;
		overflow:hidden;
	}
	
	#main .course-infor-wrap .course-detail-wrap .course-detail ul li{
		position:relative;
	}
	.detail-seperator{
		display:inline-block;
		position:absolute;
		top:5px;
		right:0;
		height:35px;
		border-right:1px solid #aaa;
	}
	.seperator{
		display:inline-block;
		position:absolute;
		top:17px;
		right:0;
		height:16px;
		border-right:1px solid #ccc;
	}
	#main .course-infor-wrap .course-detail-wrap .path{
		height:30px;
		line-height:30px;
	}
	#main .course-infor-wrap .course-detail-wrap .join-wrapper{
		width:140px;
		height:50px;
		line-height:50px;
		background:#0078f0;
		border-radius:3px;
		cursor:pointer;
	}
	#main .course-infor-wrap .course-detail-wrap .join-wrapper:hover{
		background:#0b85ff;
	}
	#main .course-infor-wrap .course-detail-wrap .join-wrapper div:nth-child(1){
		position:relative;
		float:left;
		width:100px;
		font-size:18px;
		color:#fff;
		text-align:center;
	}
	#main .course-infor-wrap .course-detail-wrap .join-wrapper div:nth-child(2){
		float:left;
		width:40px;
		font-size:16px;
		text-align:center;
	}
	#main .course-infor-wrap .course-detail-wrap .join-wrapper .collect{
		color:#ff0;
	}
	/*-------------------- course infor banner end ---------------------*/

	/*-------------------- course infor mian start ---------------------*/
	#main .course-infor-main{
		padding-bottom:50px;
	}
	#main .course-infor-main .section-left{
		width:800px;
	}
	#main .course-infor-main .section-left #course-intro{
		line-height:2;
	}
	#main .course-infor-main .section-left #course-menu {
		border-color:#D1D6DA;
	}
	#main .course-infor-main .section-left #course-menu li{
		cursor:pointer;
	}
	#main .course-infor-main .section-left #course-menu li.selected{
		color:#0078f0;
	}
	#main .course-infor-main .section-left #course-menu ul li:hover{
		color:#0078f0;
	}
	#main .course-infor-main .section-left #course-chapters .chapter{
		padding:5px 0;
		height:40px;
		line-height:40px;
		/*border-bottom:1px solid #D1D6DA;*/
	}
	#main .course-infor-main .section-left #course-chapters .chapter a{
		position:relative;
		background:#F3F5F7;
		border-radius:3px;
	}
	#main .course-infor-main .section-left #course-chapters .chapter a{
		height:40px;
		line-height:40px;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .chapter-icon{
		display:inline-block;
		margin-left:20px;
		width:20px;
		height:20px;
		background:#93999F;
		font-size:16px;
		color:#fff;
		line-height:19px;
		text-align:center;
		vertical-align:middle;
		border-radius:50%;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .title{
		display:inline-block;
		margin-left:10px;
		width:500px;
		font-weight:normal;
		vertical-align:middle;
		overflow:hidden;
	}
	/* #main .course-infor-main .section-left #course-chapters .chapter .title:before{
		content:"";
		display:block;
		position:absolute;
		top:20px;
		right:5px;
		z-index:9999999;
		width:0;
		height:0;
		border-bottom:none;
		border-left:6px solid transparent;
		border-right:6px solid transparent;
		border-top:8px solid #93999F;
	} */
	
	#main .course-infor-main .section-left #course-chapters .chapter a{
		display:block;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .desc-box{
		display:inline-block;
		position:absolute;
		right:125px;
		width:20px;
		height:20px;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .desc-box .desc-icon{
		display:inline-block;
		width:16px;
		height:16px;
		background:#D9DDE1;
		font-size:12px;
		color:#fff;
		line-height:16px;
		text-align:center;
		vertical-align:middle;
		border-radius:50%;
		cursor:pointer;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .desc-box:hover .desc-icon {
		background:#4d555d;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .desc-icon:hover{
		background:#4d555d;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .desc-icon:hover + .chapter-desc{
		display:block;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .chapter-desc{
		display:none;
		position:absolute;
		top:40px;
		left:-142px;
		z-index:999;
		padding:10px;
		width:280px;
		font-size:12px;
		background:#4d555d;
		text-align:center;
		color:#fff;
		line-height:2;
		border-radius:3px;
		cursor:pointer;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .chapter-desc:hover{
		display:block;
	}
	
	#main .course-infor-main .section-left #course-chapters .chapter .chapter-desc:before{
		content:"";
		position:absolute;
		display:block;
		top:-18px;
		left:134px;
		width:0;
		height:0;
		border-top:none;
		border-left:16px solid transparent;
		border-right:16px solid transparent;
		border-bottom:18px solid transparent;
	}
	#main .course-infor-main .section-left #course-chapters .chapter .chapter-desc:after{
		content:"";
		position:absolute;
		display:block;
		top:-8px;
		left:144px;
		width:0;
		height:0;
		border-top:none;
		border-left:6px solid transparent;
		border-right:6px solid transparent;
		border-bottom:8px solid #4d555d;
	}
	#main .course-infor-main .section-left #course-chapters  .chapter a button{
		display:none;
		position:absolute;
		top:7px;
		right:30px;
		width:80px;
		height:26px;
		background:#0078f0;
		color:#fff;
		border:none;
		outline:none;
		border-radius:3px;
		cursor:pointer;
	}
	#main .course-infor-main .section-left #course-chapters  .chapter:hover button{
		display:inline-block;
	}
	/*#main .course-infor-main .section-left #course-chapters  .video-link{
		height:0px;
		overflow:hidden;
	}
	#main .course-infor-main .section-left #course-chapters  .video-link  li{
		position:relative;
		margin:5px 0 5px 30px;
		height:40px;
		background:#F3F5F7;
		line-height:40px;
		cursor:pointer;
	}
	#main .course-infor-main .section-left #course-chapters  .video-link  li:hover{
		background:#2b333b;
	}
	#main .course-infor-main .section-left #course-chapters  .video-link  li:hover a{
		color:#fff;
	}
	#main .course-infor-main .section-left #course-chapters  .video-link  li:hover button{
		display:inline-block;
	}
	#main .course-infor-main .section-left #course-chapters  .video-link  li a > i{
		position:relative;
		margin:0 10px 0 5px;
		top:0px;
		left:0px;
		color:#BCD1EA;
	}
	
	#main .course-infor-main .section-left #course-chapters  .video-link  li a > i > i{
		position:absolute;
		top:-12px;
		left:8px;
	}
	#main .course-infor-main .section-left #course-chapters  .video-link  li a button{
		display:none;
		position:absolute;
		top:7px;
		right:30px;
		width:80px;
		height:26px;
		background:#0078f0;
		color:#fff;
		border:none;
		outline:none;
		border-radius:3px;
		cursor:pointer;
	}*/
	/*-------------------- course infor mian end ---------------------*/
/*============= main end ============*/
/*================ footer start ================*/

	#footer{
		height:200px;
		background-color:#000;
	}

/*================ footer end ================*/